body {
    background: url(bg_top_2022.jpg) no-repeat center top;
}

a {
    color: #333;
}

#roll {
    height: 130px;
    width: 310px;
    position: fixed;
    /*fixed实现绝对定位*/
    cursor: pointer;
    z-index: 999;
}

#roll img {
    height: 130px;
    width: 310px;
}

.bmtygban {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    position: absolute;
    top: -25px;
    left: 0px;
    display: block;
    height: 20px;
    width: 20px;
}


/* 头部样式 */

.banner_wrap {
    width: 100%;
    height: 600px;
    position: relative;
}


/* .bg_content {
    position: relative;
    height: 600px;
} */

.bg_inner {
    height: 600px;
    position: relative;
}

.bgL {
    width: 280px;
    height: 127px;
    position: absolute;
    top: 60px;
    background: url(logo_2022.png) no-repeat;
    background-size: cover;
}


/* 菜单导航栏 */

.menu_2022 {
    position: absolute;
    bottom: 74px;
    width: 1400px;
    height: 120px;
    padding: 20px 40px;
    background: #e42500;
    border-radius: 5px;
}

.menu_content {
    float: left;
}

.menu1 {
    float: left;
    width: 195px;
    height: 60px;
    margin-top: 10px;
    border-right: 1px solid #fff;
}

.menu1 a {
    display: block;
    width: 194px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.menu2 {
    float: left;
    width: 1125px;
    height: 80px;
}

.menu2 a {
    display: block;
    width: 125px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}


/* 滚动通知 */

.notice {
    height: 54px;
    margin-top: 10px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
}

.noticeL {
    float: left;
    width: 50px;
    height: 54px;
    /* background: url(tzgg_2023.png) no-repeat center center; */
}

.noticeR {
    float: right;
    width: 54px;
    height: 54px;
}

.notice_content {
    margin-top: 18px;
}

.notice_content #scroll_begin,
.notice_content #scroll_end {
    display: inline;
}


/* 主体部分 */

.main_wrap {
    width: 100%;
    position: relative;
    z-index: 99;
}


/* 大标题 */

.title {
    height: 110px;
    margin-top: 10px;
    background: url(title_new.png) no-repeat;
    background-size: cover;
}

.title_content {
    height: 110px;
    width: 1200px;
    text-align: center;
    line-height: 110px;
    margin: 0 auto;
    font-weight: 600;
}

.title_content a {
    color: #d00000;
    font-weight: 600;
    font-size: 30px;
}


/* 文明聚焦 */

.wmjj {
    height: 520px;
    margin-top: 20px;
}

.wmjjL {
    float: left;
}


/* 轮播图 */

.LB_container {
    margin: 0 auto;
    position: relative;
    font-size: 12px;
    overflow: hidden;
}

.LB_container li {
    border-radius: 50%;
}

.LB_container ul {
    bottom: 25px !important;
}

.wmjjR {
    width: 560px;
    height: 520px;
    float: right;
    background: #fff;
}

.wmjjR_title {
    width: 560px;
    height: 60px;
    line-height: 60px;
    position: relative;
}

.jj_red {
    float: left;
    width: 96px;
    height: 60px;
    line-height: 60px;
    color: #cd0001;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #cc0000;
    margin-right: 8px;
}

.more_new {
    float: right;
    width: 396px;
    height: 60px;
    border-bottom: 2px solid #e6e6e6;
    background: url(more_3.png) no-repeat right;
    position: relative;
}

.more_new a {
    display: inline-block;
    width: 50px;
    height: 60px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.wmjjR_content {
    height: 450px;
    margin-top: 10px;
}

.hr365 {
    width: 500px;
    height: 50px;
    padding-top: 10px;
    overflow: hidden;
}

.hr365 a {
    font-size: 18px;
    color: #cc0000
}

.wmjjR_content_list {
    width: 560px;
}

.jswm_contentL_bot li,
.jswm_contentM_top li,
.jswm_contentL li,
.jswm_contentM li,
.wmjjR_content_list li,
.mtjj_content li,
.jwm_contentL li,
.cxjsL_content li,
.cxjsR_content li,
.cxjsM_list li,
.xqdt_content li,
.xwcbL_content li,
.xwcbR_content li,
.wmdjr_R li {
    text-indent: 26px;
    background: url(dot_wmjj.png) no-repeat left center;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
}

.wmjjR_content_list li a {
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}

.jswm_contentL_bot li a,
.jswm_contentM_top li a,
.jswm_contentL li a,
.jswm_contentM li a,
.mtjj_content li a,
.jwm_contentL li a,
.cxjsL_content li a,
.cxjsR_content li a,
.cxjsM_list li a,
.xqdt_content li a,
.xwcbL_content li a,
.xwcbR_content li a,
.wmdjr_R li a {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
}


/* 建设文明城市 */

.jswm {
    width: 100%;
    height: 680px;
    margin-top: 30px;
    background: #f9f9f9;
    padding: 20px 0px;
}

.wmcj {
    float: left;
    width: 850px;
    height: 100%;
}

.jswm_title,
.tsjzg_title {
    width: 100%;
    height: 40px;
    position: relative;
}

.jswm_logo {
    position: absolute;
    top: -10px;
    left: 20px;
    width: 130px;
    height: 110px;
    background: url(haChina.png) no-repeat;
    background-size: cover;
}

.jswm_title_list {
    width: 100%;
    height: 60px;
    margin-top: 20px;
}

.kong {
    float: left;
    width: 20px;
    height: 100%;
    border-bottom: 2px solid #f5d4d5;
}

.jswm_title_current {
    float: left;
    width: 95px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #cd0001;
    font-weight: 600;
    border: 2px solid #f5d4d5;
    border-bottom: none;
    border-radius: 10px 10px 0px 0px;
    cursor: pointer;
}

.jswm_title_current a {
    color: #cd0001;
}

.jswm_title_item {
    float: left;
    width: 95px;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-size: 20px;
    color: #c92726;
    border-bottom: 2px solid #f5d4d5;
    cursor: pointer;
}

.jswm_title_item a {
    color: #cd0001;
}

.jswm_titleL,
.tsjzg_titleL,
.jwm_titleL,
.wmdjr_titleL {
    width: 360px;
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    font-weight: 600;
    color: #cd0001;
    background: url(redtips.png) no-repeat left;
    text-indent: 40px;
}

.xjdx_titleL {
    line-height: 40px;
    font-size: 26px;
    color: #cd0001;
    text-indent: 40px;
}

.jswm_titleR,
.tsjzg_titleR,
.xjdx_titleR,
.jwm_titleR,
.wmdjr_titleR {
    position: absolute;
    top: 15px;
    right: 0px;
    width: 560px;
    height: 10px;
    background-color: #ebebeb;
    border-radius: 5px 0px 0px 5px;
}

.jswm_main {
    position: relative;
    height: 520px;
    overflow: hidden;
}

.jswm_content {
    position: absolute;
    width: 100%;
    height: 500px;
    margin-top: 20px;
    transform: scale(0.3, 0.3);
    opacity: 0;
}

.jswm_contentL,
.jswm_contentM {
    float: left;
    width: 410px;
    height: 100%;
    margin-right: 30px;
}

.jswm_contentM {
    margin-right: 0px;
}

.jswm_content_title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #cc0000;
    text-indent: 20px;
    position: relative;
    margin-bottom: 10px;
}

.jswm_content_title .more {
    position: absolute;
    top: 0px;
    right: 10px;
    font-family: 宋体;
    color: rgb(51, 51, 51);
}

.jswm_contentL_top {
    width: 480px;
    height: 350px;
    padding: 10px 20px;
    background-color: #fff;
}

.jswm_contentL_top_content {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.jswm_contentL_bot {
    width: 100%;
    height: 200px;
    margin: 10px 0px;
    padding: 0 10px;
}

.jswm_contentM_top {
    width: 100%;
    height: 350px;
}

.jswm_contentM_bot {
    width: 100%;
    height: 200px;
    margin-top: 20px;
}

.jswm_contentR_top,
.jswm_contentR_bot {
    width: 320px;
    height: 240px;
    margin-top: 40px;
    padding: 20px 20px 0px 20px;
    background-color: #fff;
}

.jswm_contentR_content {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}


/* 我们的节日 */

.wmdjr {
    float: right;
    width: 530px;
    height: 100%;
    margin: 0px 0px 0px 20px;
    padding-left: 15px;
    border-left: 5px solid #fff;
}

.wmdjr_title {
    position: relative;
}

.wmdjr_content {
    margin-top: 30px;
    width: 100%;
    height: 570px;
}

.wmdjr_list {
    float: left;
    width: 100px;
    height: 100%;
}

.wmdjr_main {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.wmdjr_R {
    position: absolute;
    /* float: right; */
    width: 410px;
    height: 100%;
    padding-left: 10px;
    left: 410px;
    opacity: 0;
}

.jieri {
    display: block;
    width: 80px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #ed6262;
    margin-bottom: 20px;
    border: 2px solid #fff;
    border-radius: 10px;
}

.jieri_current {
    display: block;
    width: 80px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    border: 2px solid #fff;
    border-radius: 10px;
    background: #cd0001;
    color: #fff;
    transition: background 0.7s;
}

.jieri_current:hover {
    color: #fff;
}


/* 媒体聚焦 */

.mtjj {
    display: flex;
    justify-content: space-between;
    height: 430px;
    margin-top: 10px;
}

.mtjjL,
.mtjjM,
.mtjjR {
    float: left;
    width: 430px;
    height: 100%;
}

.mtjj_content {
    padding-top: 20px;
    width: 100%;
    height: 370px;
}


/* 图说价值观 */

.tsjzg {
    width: 100%;
    height: 380px;
    background: #fff;
    margin-top: 10px;
    padding: 20px 0px;
}

.tsjzg_title {
    position: relative;
    width: 100%;
    height: 60px;
    background: #f9f9f9;
    z-index: 10;
}

.tsjzg_content {
    height: 260px;
    background-color: #fff;
    overflow: hidden;
    z-index: 0;
    position: relative;
    top: -27px;
}

.tsjzg_content li {
    float: left;
    height: 360px;
    width: 1100px;
}

.tsjzg_content li a {
    display: block;
    float: left;
    margin-left: 12px;
}


/* 讲文明树新风 */

.jwm {
    position: relative;
    height: 590px;
    padding: 30px 0px;
}

.jwm_content {
    width: 100%;
    height: 450px;
}

.jwm_contentL {
    float: left;
    width: 450px;
    height: 100%;
    margin-right: 100px;
}

.jwm_contentL li a {
    font-size: 18px;
}

.jwm_contentR {
    position: relative;
    float: left;
    width: 850px;
    height: 100%;
    background: #f9f9f9;
    border-radius: 20px;
}

.jwmsxf_right_img {
    display: block;
    width: 700px;
    height: 410px;
    margin: 30px 75px 0px 75px;
    overflow: hidden;
}

.jwmsxf_right_img li {
    width: 700px;
    height: 350px;
    float: left;
    margin: 0;
}

.jwm_contentR #goL {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    left: 15px;
    top: 190px;
    background: url(y_left.png);
}

.jwm_contentR #goR {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    right: 15px;
    top: 190px;
    background: url(y_right.png);
}

.jwmsxf_right_img span {
    display: block;
    width: 700px;
    height: 40px;
    margin-top: 10px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
}


/* 新闻出版 */

.xwcb {
    width: 100%;
    height: 420px;
    background: #f9f9f9;
    padding: 20px 0px 20px 0px;
}

.xwcb_fa {
    display: flex;
    justify-content: space-between;
}

.xwcbL,
.xwcbM,
.xwcbR {
    float: left;
    width: 430px;
    height: 100%;
}

.xwcbL_title,
.xwcbM_title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    color: #cc0000;
}

.xwcbL_content {
    width: 100%;
    height: 320px;
    padding: 10px 0px 0px 0px;
}

.xwcbR_title {
    width: 100%;
    height: 50px;
}

.xwcbR_current {
    float: left;
    cursor: pointer;
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    background-color: #ca1818;
    transition: all 0.7s;
}

.xwcbR_current a {
    color: #ffffff;
}

.xwcbR_tit {
    float: left;
    cursor: pointer;
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    border-bottom: 3px solid #cd0001;
}

.xwcbR_tit a {
    color: #333;
}

.kong2 {
    float: left;
    height: 60px;
    border-bottom: 3px solid #ed6262;
}

.xwcbR_main {
    position: relative;
    height: 320px;
    overflow: hidden;
}

.xwcbR_content {
    position: absolute;
    width: 100%;
    height: 320px;
    padding: 10px 10px 0px 10px;
    transform: scale(0.3, 0.3);
    opacity: 0;
    background-color: #fff;
}


/* 先进典型 */

.xjdx {
    height: 100%;
    position: relative;
    padding: 20px;
}

.xjdx_current {
    float: left;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
    font-size: 22px;
    font-weight: 600;
}

.xjdx_current a {
    color: #cc0000;
}

.xjdx_tit {
    float: left;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
    color: #333;
    font-size: 22px;
    font-weight: 400;
}

.xjdx_main {
    width: 100%;
    height: 310px;
    position: relative;
    overflow: hidden;
}

.xjdx_list {
    position: absolute;
    width: 100%;
    height: 310px;
    top: 360px;
    opacity: 0;
}

.xjdx_list ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.xjdx_list li {
    float: left;
}

.xjdx_list_content {
    width: 320px;
    height: 310px;
    padding: 10px;
    /* background: #fff; */
    overflow: hidden;
}

.xjdx_list_tip {
    width: 300px;
    height: 70px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}


/* 诚信建设 */

.cxjs {
    height: 470px;
    padding: 30px 0px;
    background: #f9f9f9;
}

.cxjs_fa {
    display: flex;
    justify-content: space-between;
}

.cxjsL,
.cxjsM,
.cxjsR {
    float: left;
    height: 100%;
    width: 430px;
}

.cxjsL_title,
.cxjsR_title {
    height: 40px;
    line-height: 40px;
    font-size: 26px;
    color: #cc0000;
    margin-bottom: 20px;
}

.cxjsM_title {
    font-size: 22px;
    height: 50px;
}

.cxjs_current {
    float: left;
    height: 100%;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    background-color: #cd0001;
    transition: all 0.7s;
}

.cxjs_current a {
    color: #ffffff;
}

.cxjs_title {
    float: left;
    height: 100%;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    color: #333 !important;
    border-bottom: 3px solid #cd0001;
}

.cxjsM_content {
    position: relative;
    height: 367px;
    padding-top: 10px;
}

.cxjsM_list {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0px 10px;
    transform: scale(0.3, 0.3);
    opacity: 0;
    background: #ffffff;
}


/* 文明健康大图 */

.wmjk {
    margin: 30px auto;
    height: 115px;
}


/* 县区动态 */

.xqdt {
    height: 430px;
    display: flex;
    justify-content: space-between;
}

.xqdtL,
.xqdtM,
.xqdtR {
    float: left;
    width: 430px;
    height: 430px;
}

.xqdtL_title,
.xqdtM_title,
.xqdtR_title {
    width: 100%;
    height: 60px;
}

.xqdt_content {
    margin-top: 20px;
    width: 100%;
    height: 350px;
}


/* 相关链接 */

.xglj {
    height: 130px;
    margin: 30px auto;
    padding-top: 30px;
    border-top: 3px solid #e6e6e6;
}

.xglj_title {
    float: left;
    width: 150px;
    height: 88px;
    line-height: 40px;
    text-indent: 10px;
    font-size: 24px;
    font-weight: 600;
    color: #cd0001;
}

.xiangxi {
    float: left;
    width: 1250px;
    height: 88px;
    position: relative;
    top: 5px;
}

.xiangxi span {
    display: inline-block;
    height: 44px;
}

.xiangxi span a {
    font-size: 18px !important;
}


/*底部*/

.foot {
    height: 160px;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    padding-top: 30px;
    background: #e42500;
    color: #fff;
}


/* 全局 */

.hide {
    display: none;
}

.show {
    z-index: 1;
    display: block;
    transform: scale(1, 1);
    top: 0;
    left: 0;
    opacity: 1;
    transition: all 0.7s;
}